// 显示页数 默认是第1页
let page = 1;
// 每页显示数据数量 默认是 4 条
let line = 8;

// 调用函数 动态渲染生成页面
setPage();

//二级分类、三级分类选项卡
$('.pick-box').hover(function (e) {
  console.log(e.target.className);

  
  if (e.target.className === 'pick2') {
    // $('.pick2').css('background-color','yellow')
    console.log(111);

  }
});

async function setPage() {
  // 获取当前浏览器地址栏参数数据
  const urlObj = myGetUrlVal();
  console.log(urlObj);

  const res = await myPromiseJQueryAjax(
    '../server/goods_list.php',
    'get',
    { cat_one_id: urlObj.cat_one_id, page: page, line: line },
    'json'
  );
  console.log(res);

  let str = '';

  res.data.forEach((item) => {
    str += `
          <li class="list-item">
            <div class="panel panel-primary">
              <div class="panel-body">
                <ol class="breadcrumb">
                  <li><a href="#">${item.cat_one_id}</a></li>
                  <li><a href="#">${item.cat_two_id}</a></li>
                  <li class="active">${item.cat_three_id}</li>
                </ol>
              </div>
              <div class="panel-footer">
                <div class="row">
                  <div class="">
                    <div class="thumbnail">
                      <img src="${item.goods_big_logo}" alt="...">
                      <div class="caption">
                        <h3>${item.goods_name}</h3>
                        <p>
                          <i class="glyphicon glyphicon-yen"></i>
                          <span>${item.goods_price}</span>
                        </p>
                        <p>
                          <a href="javascript:;" class="btn btn-primary" role="button">查找相似商品</a>
                          <a href="../pages/detail.html?goods_id=${item.goods_id}" class="btn btn-danger" role="button">查看商品详情</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
        `;
  });
  // console.log(str);
  // 创建ul标签节点
  const oUl = $('<ul></ul>');

  // 写入ul标签中li标签字符串
  oUl.html(str);

  // 清空ul的父级标签
  $('.container').html('');

  // 写入ul标签节点
  $('.container').append(oUl);
}
